<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="margin: 0; padding: 0; color: white">
    <div
      style="
        background-color: #181925;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 470px;
        padding: 42px 32px 58px 32px;
        box-sizing: border-box;
      "
    >
      <img src="https://www.fantasi.one/fantasi-logo.png" alt="email-logo" style="display: block; margin: 0 auto" />
      <div style="margin-top: 40px">
        <div>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Hello {username},
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Thank you for your feedback! We have received your comments and appreciate your effort to help us improve.
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Your issue type: {issueType}
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Your feedback ticket number: <span style="color: #f42c52">{ticketId}</span>
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 8px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
              color: white;
            "
          >
            Our team will review your feedback and take appropriate actions if necessary. We value every piece of
            feedback as it helps us enhance our services.
          </p>
          <p
            style="
              margin: 0;
              margin-bottom: 24px;
              text-align: left;
              font-size: 14px;
              font-weight: 500;
              line-height: 20px;
            "
          >
            We will get back to you via email as soon as possible. If you have any additional comments or questions,
            feel free to contact us through our customer service system. Thank you for your support.
          </p>
        </div>
        <div style="width: 100%; height: 0.5px; background-color: white; margin-bottom: 24px"></div>
        <div style="width: 100%; text-align: left">
          <table style="width: 100%">
            <tr>
              <td style="width: 33.33%; vertical-align: top">
                <div style="max-width: 133px">
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    This is automated. Got feedback or need help?
                  </p>
                  <p style="margin: 0; margin-bottom: 30px; font-size: 14px; font-weight: 500; line-height: 20px">
                    <a href="mailto:support@fantasi.one" style="color: #f42c52; text-decoration: none">Contact us.</a>
                  </p>
                  <p style="margin: 0; color: #b8b8b8; font-size: 14px; font-weight: 500; line-height: 20px">
                    ＠Fantasi 2024.
                  </p>
                </div>
              </td>
              <td style="width: 33.33%"></td>
              <td style="width: 33.33%; vertical-align: top">
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  Fantasi Support Team
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="https://fantasi.one/mine?page=2&name=support" style="color: #b8b8b8; text-decoration: none"
                    >Help Center</a
                  >
                </p>
                <p style="margin: 0; margin-bottom: 2px; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a
                    href="https://fantasi.one/en/mine?page=3&name=privacy-policy"
                    style="color: #b8b8b8; text-decoration: none"
                    >Privacy Policy</a
                  >
                </p>
                <p style="margin: 0; font-size: 14px; font-weight: 500; line-height: 20px">
                  <a href="{cancel_email_notification}" style="color: #b8b8b8; text-decoration: none"
                    >Unsubscribe emails</a
                  >
                </p>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </body>
</html>
